<template>
	<view
		class="question"
		:style="{
			textIndent: isColumns ? '1.5em' : ''
		}"
	>
		{{ question }}
	</view>
</template>

<script>
export default {
	props: ['question'],
	computed: {
		isColumns() {
			if (this.question) return this.question.length >= 15
		}
	}
}
</script>

<style scoped lang="stylus">
.question
	font-size 3vh
	letter-spacing 4rpx
	line-height 3.5vh
	width 90vw
	display flex
	justify-content center
	align-items center
	text-align left
</style>
